	/* 头部 */
	.headbox {
		width: 100%;
		height: 140rpx;
		flex-shrink: 0;
		top: 0;
		position: -webkit-sticky;
		position: sticky;
		z-index: 99;
	}

	.headlist {
		width: 100%;
		height: 140rpx;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		display: flex;
		align-items: center;
	}

	.background_chart {
		background-image: url(https://duimianimg.loovee.com/style/img/h5/ukaka/ukaka_h51705493057877/img/ukaka_sy_bg1.6fff2c3.png);
		background-position: 0 0;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}

	.white_background {
		background-color: #ffffff;
	}


	.clawsa {
		position: absolute;
		top: -41rpx;
		left: 50%;
		-webkit-transform: translate(-50%);
		transform: translate(-50%);
		width: 130rpx;
		height: 90rpx;
	}

	.clawsa-image {
		background-image: url(/static/boder.png);
	}

	.clawsa-image-art {
		background-image: url(/static/boder-art.png);
	}

	.user-header {
		position: relative;
		width: 160rpx;
		-webkit-transform-origin: top;
		transform-origin: top;
		-webkit-animation: sword 10s ease-in-out infinite;
		animation: sword 10s ease-in-out infinite;
	}

	@keyframes sword {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		3.2% {
			-webkit-transform: rotate(8deg);
			transform: rotate(8deg);
		}

		7.2% {
			-webkit-transform: rotate(-17deg);
			transform: rotate(-17deg);
		}

		11.2% {
			-webkit-transform: rotate(17deg);
			transform: rotate(17deg);
		}

		14.4% {
			-webkit-transform: rotate(-11deg);
			transform: rotate(-11deg);
		}

		17.6% {
			-webkit-transform: rotate(8deg);
			transform: rotate(8deg);
		}

		20.4% {
			-webkit-transform: rotate(-4deg);
			transform: rotate(-4deg);
		}

		23.2% {
			-webkit-transform: rotate(2deg);
			transform: rotate(2deg);
		}

		25.2% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}

	.user-avatar {
		position: relative;
		margin: 0 auto;
		width: 90rpx;
		height: 90rpx;
		border-radius: 50%;
	}

	.avatar-border {
		position: absolute;
		top: 0;
		left: 0;
		width: 90rpx;
		height: 90rpx;
		z-index: 10;
		border-radius: 50%;
	}

	.bg-image {
		
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	.aratar-bg {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		width: 83rpx;
		height: 83rpx;
		z-index: 20;
		border-radius: 50%;
	}

	.logo-image_white {
		width: 220rpx;
		height: 68rpx;
		background-image: url(/static/logo_white.png);
	}

	.logo-image_black {
		width: 220rpx;
		height: 68rpx;
		background-image: url(/static/logo_black.png);
	}

	.features-scope {}

	.user-balance {
		position: relative;
		color: #ffffff;
		border-radius: 30rpx;
		margin: 0 30rpx 0 15rpx;
	}

	.balance-num {
		font-size: 30rpx;
		font-weight: 600;
		padding: 10rpx 65rpx 10rpx 18rpx;
	}

	.u-icon {
		position: absolute;
		right: -15rpx;
		top: -7rpx;
		width: 70rpx;
		height: 70rpx;
	}

	/* 轮播图1 */
	.swiperviewbox {
		width: 100%;
		position: relative;
	}

	.swiper-block {
		height: 560rpx;
	}

	.banner-bg {
		width: 100%;
		height: 170rpx;
		position: absolute;
		left: 0;
		top: -20rpx;
	}

	.banner-bg image {
		width: 100%;
		height: 100%;
	}

	.swiper-box {}

	.slide-view {
		display: flex;
		width: 460rpx;
		height: 560rpx;
		background-color: #B0B2BE;
		margin: 0rpx 20rpx 0 20rpx;
		border-radius: 20rpx;
		overflow: hidden;
	}

	.slide-view image {
		width: 100%;
		height: 100%;
	}

	/* 轮播图2 */
	.lunbo {
		padding: 25rpx 20rpx 0rpx 20rpx;
		background-color: #ffffff;
		border: 0 0 0 30rpx;
	}

	.swiperfada {
		width: 100%;
		height: 210rpx;
		/*  background: #EEF4FF; */
		border-radius: 20rpx;
	}

	.swiper-view {
		position: relative;
		width: 100%;
	}

	.dots {
		position: absolute;
		left: 0;
		right: 30rpx;
		bottom: 20rpx;
		display: flex;
		justify-content: flex-end;
	}

	.dots .dot {
		margin-left: 8rpx;
		width: 8rpx;
		height: 8rpx;
		background: rgba(0, 0, 0, 0.2);
		border-radius: 8rpx;
		transition: all .3s;
	}

	.dots .dot.active {
		width: 26rpx;
		background: rgb(32, 113, 255, 0.8);
	}

	.swiperfada image {
		width: 100%;
		height: 100%;
		border-radius: 20rpx;
	}

	/* 分类 */
	.hot-catchbox {
		width: 100%;
		height: 330rpx;
		background-image: url(/static/typebackground.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		margin-top: -30rpx;
		/* border: 1px solid red; */
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.hot-catchview {
		width: 100%;
		white-space: nowrap;
	}

	/* 去掉滚动条 */
	scroll-view ::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
	}

	.hot-catchlist {
		display: inline-block;
		white-space: initial;
		width: 125rpx;
		height: 200rpx;
		margin-left: 20rpx;
		position: relative;
		/* border: 1px solid red; */
	}

	.clawsahot-catchview {
		width: 100%;
		height: 100%;
	}

	.clawsahot-catchview image {
		width: 95rpx;
		height: 116rpx;
	}

	.clawsahot-catchtext {
		font-size: 25rpx;
		margin-top: 5rpx;
	}

	.spread-out {
		width: 100%;
		height: 20rpx;
		margin-top: -56rpx;
		background-color: #ffffff !important;
	}

	/* 选择头部 */
	.tab-box {
		padding: 0 0 20rpx 0;
		background-color: #ffffff !important;
		/* tab吸顶的神奇-- css粘性属性 */
		position: -webkit-sticky;
		position: sticky;
		top: 140rpx;
		z-index: 99;
	}
	
	/* 暂无数据 */
	.nodatabox {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin-top: 188rpx;
	}
	
	.nodatatext {
		font-size: 28rpx;
		color: #000000;
		margin: 20rpx 0;
	}